<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../libs/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../libs/app.css" />
		<link href="../../css/main.css" rel="stylesheet" />
		<link href="../../css/perfectInformation.css" rel="stylesheet" />
	</head>

	<body>
		<div class="head">
			<img class="mui-action-back" src="../../images/all-left.png" alt="">
			<p>完善资料</p>
		</div>

		<div class="content">
			<!--资料-->
			<div>
				<ul id="list" class="mui-table-view mui-table-view-chevron">
					<li class="mui-table-view-cell mui-collapse">
						<a class="mui-navigate-right" href="#"><span class="circle">1</span>职业身份<span class="select"></span></a>
						<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell">
								<a id="info-zy">
									<div class="tit">职业</div>
									<div id="info-zy-s" class="select">选择</div>
								</a>
							</li>
							<li class="mui-table-view-cell">
								<a id="info-gz">
									<div class="tit">工资发放形式</div>
									<div class="info-gz-s select">选择</div>
								</a>
							</li>
							<li class="mui-table-view-cell ">
								<a>
									<div class="titl">银行卡发放工资\月<span class="select">
							  <input class="price" type="text">元</span>
									</div>
								</a>
							</li>
							<li class="mui-table-view-cell ">
								<a>
									<div class="titl">现金收入\月
										<span class="select">
							  <input class="price" type="text">元</span>
									</div>
								</a>
							</li>
							<li class="mui-table-view-cell">
								<!--<div class="mui-navigate-right" >工资发放形式<span class="select">银行卡</span></div>-->
								<a id="info-ff">
									<div class="tit">当前单位工龄</div>
									<div class="info-ff-s select">选择</div>
								</a>
							</li>
						</ul>
					</li>

					<li class="mui-table-view-cell mui-collapse">
						<a class="mui-navigate-right" href="#"><span class="circle">2</span>是否有本地公积金</a>
						<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right" href="#">H5模式actionsheet</a>
							</li>
							<li class="mui-table-view-cell mui-plus-visible">
								<a class="mui-navigate-right" href="#">原生模式actionsheet</a>
							</li>
						</ul>
					</li>

					<li class="mui-table-view-cell mui-collapse">
						<a class="mui-navigate-right" href="#"><span class="circle">3</span>是否有本地社保</a>
						<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right" href="#">H5模式actionsheet</a>
							</li>
							<li class="mui-table-view-cell mui-plus-visible">
								<a class="mui-navigate-right" href="#">原生模式actionsheet</a>
							</li>
						</ul>
					</li>

					<li class="mui-table-view-cell mui-collapse">
						<a class="mui-navigate-right" href="#"><span class="circle">4</span>名下房产类型</a>
						<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right" href="">H5模式actionsheet</a>
							</li>
							<li class="mui-table-view-cell mui-plus-visible">
								<a class="mui-navigate-right" href="">原生模式actionsheet</a>
							</li>
						</ul>
					</li>

					<li class="mui-table-view-cell mui-collapse">
						<a class="mui-navigate-right" href="#"><span class="circle">5</span>名下是否有车</a>
						<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right" href="">H5模式actionsheet</a>
							</li>
							<li class="mui-table-view-cell mui-plus-visible">
								<a class="mui-navigate-right" href="">原生模式actionsheet</a>
							</li>
						</ul>
					</li>

					<li class="mui-table-view-cell mui-collapse">
						<a class="mui-navigate-right" href="#"><span class="circle">6</span>您的信用情况</a>
						<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right" href="">H5模式actionsheet</a>
							</li>
							<li class="mui-table-view-cell mui-plus-visible">
								<a class="mui-navigate-right" href="">原生模式actionsheet</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>

			<div class="button">
				<button id="perfect" onclick="href('perfect.html','perfect' +
		 '     ')">提交</button>
			</div>
		</div>
		<script src="../../libs/mui.min.js"></script>
		<script src="../../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../js/url.js"></script>
		<script type="text/javascript">
			mui('body').on('shown', '.mui-popover', function(e) {});
			mui('body').on('hidden', '.mui-popover', function(e) {});
			$(function () {
				document.getElementById("info-zy").addEventListener('tap', function() {
					var btnArray = [{ title: "学生" }, { title: "白领" }, { title: "中产达人" }, { title: "创业达人" }, { title: "退休" }];
					plus.nativeUI.actionSheet({
						title: "选择职业",
						cancel: "取消",
						buttons: btnArray
					}, function(e) {
						var index = e.index;
						var text = "";
						switch(index) {
							case 0:
								text += "取消";
								break;
							case 1:
								text += "学生";
								break;
							case 2:
								text += "白领";
								break;
							case 3:
								text += "中产达人";
								break;
							case 4:
								text += "创业达人";
								break;
							case 5:
								text += "退休";
								break;
						}
						if(text == '取消') {
							$('#info-zy-s').text('选择');
						} else {
							$('#info-zy-s').text(text);
						}
					});
				});
			})
		</script>
	</body>

</html>